<!-- D:/project/app/ydz-app-uniapp/static/images/mine -->
<template>
	<view class="pagebody">
		<view class="topbox">
			<view class=" align-center">
				<view class=" flex-row align-center">
					<image @click="backpage" src="@/static/images/login/leftjt.png" alt=""
						style="width: 48rpx;height: 48rpx;"></image>
				</view>
			</view>
		</view>
		<view class="" style="padding: 24rpx;">
			<view class="color303b39 fz48 fwbold" style="line-height: 64rpx;">
				{{title}}
			</view>
			<view class=" justify-between align-center fz28 mt10"
				style="height: 76rpx;color: #7E8987;border-bottom: 1rpx solid #D7DDDC;">
				<view class="">
					{{time}}
				</view>
				<view class="">
					来源：药队长
				</view>
			</view>
		</view>
		<view class="mt30 msgcontent" style="padding: 0 24rpx;" v-html="content">

		</view>


	</view>
</template>

<script>
	import {
		getNotesById,
		getreminder
	} from '@/api/api.js'
	export default {
		components: {

		},
		onLoad(options) {
			console.log(options)
			if (options.type == "用药") {
				getreminder(options.id).then(res => {
					this.title = res.data.remindTitle
					this.content = res.data.remindContent
					this.time = res.data.createTime
				})
			} else {
				getNotesById(options.id).then(res => {
					this.title = res.data.title
					this.content = res.data.content
					this.time = res.data.createTime
				})
			}

		},


		data() {
			return {
				title: '',
				content: '',
				time: ''

			}
		},
		watch: {},
		created() {},

		methods: {
			backpage() {
				uni.navigateBack({
					delta: 1,
				});
			},


		},

	}
</script>

<style lang="scss" scoped>
	.pagebody {
		padding-bottom: 136rpx;
		background: #FFF;

		.topbox {
			height: 128rpx;
			background: linear-gradient(180deg, rgba(0, 217, 178, 0.2) 0%, rgba(0, 217, 178, 0) 100%);
			padding: 20rpx 24rpx;
		}

		.msgcontent {
			color: #293347;
			font-size: 36rpx;
			line-height: 72rpx;
			margin-top: 16rpx;
			margin-bottom: 16rpx;
			text-indent: 36rpx;

			::v-deep h2 {
				color: #303b39;
				font-weight: bold;
				line-height: 72rpx;
				font-size: 36rpx;
				margin-top: 24rpx;
				margin-bottom: 24rpx;
				line-height: 60rpx;
				text-indent: 72rpx;
			}

			::v-deep h3 {
				color: #303b39;
				font-weight: bold;
				line-height: 72rpx;
				margin-top: 16rpx;
				font-size: 36rpx;
				margin-bottom: 16rpx;
				text-indent: 72rpx;
			}

			::v-deep h4 {
				color: #303b39;
				font-weight: bold;
				margin-top: 16rpx;
				line-height: 72rpx;
				font-size: 36rpx;
				margin-bottom: 16rpx;
				text-indent: 72rpx;
			}

			::v-deep p {
				color: #303b39;
				font-size: 36rpx;
				line-height: 32rpx;
				line-height: 72rpx;
				margin-top: 16rpx;
				margin-bottom: 16rpx;
				text-indent: 72rpx;
			}

			::v-deep a {
				font-size: 36rpx;
				color: #0078ff;
			}
		}



	}
</style>